import React from "react"
import Topic from "./components/Topic"
import List from "./components/List"
import Recommend from "./components/Recommend"
import Writer from "./components/Writer"

class Home extends React.Component {
	render(): React.ReactNode {
		return (
			<div className="mt-2 mx-5 d-flex justify-content-between">
				<div className="flex-grow-1 me-2">
					<img className="w-100" src="https://w.wallhaven.cc/full/72/wallhaven-72rd8e.jpg" alt="" />
					<Topic />
					<List />
				</div>
				<div className="w-25 flex-shrink-0">
					<Recommend />
					<Writer />
				</div>
			</div>
		)
	}
}

export default Home
